


    <div nz-row [nzGutter]="24" *ngFor="let item of devices">
        <div nz-col nzXs="24" nzSm="24" nzLg="8" nzOffset="4" class="mb-lg">
          <nz-card [nzTitle]="item.name" [nzBordered]="false" class="pie-card" [nzExtra]="extra">
          <ng-template #extra>
              <nz-tooltip *ngIf="item.isOn" [nzTitle]="'运行中'">
                <span nz-tooltip>
                    <nz-badge [nzStatus]="'success'" ></nz-badge>
                </span>
              </nz-tooltip>
              <nz-tooltip *ngIf="!item.isOn" [nzTitle]="'待机'">
                  <span nz-tooltip>
                      <nz-badge [nzStatus]="'error'"></nz-badge>
                  </span>
                </nz-tooltip>
            </ng-template>
            <div nz-row [nzGutter]="4" style="padding:16px 0">
              <div nz-col [nzSpan]="12">
                  <img src="{{item.image}}" [height]="160" [width]="160">
                  
              </div>
              
              <div nz-col [nzSpan]="12">
                  <g2-gauge title="核销率"  [percent]="item.uses" [height]="160"></g2-gauge>
                  
              </div>
              
            </div>
          </nz-card>
        </div>
        
      </div>
      